<template>
    <!-- 组件的结构 -->
    <div class="demo">
        <h2>学校名称：{{ name }}</h2>
        <h2>学校地址：{{ address }}</h2>
        <button @click="showName">点我提示学校名</button>
    </div>
</template>

<script>
//组件交互相关的代码（数据、方法等）
export default {
    name: "SchoolName",
    data() {
        return {
            name: "往生堂",
            address: "璃月",
        };
    },
    methods: {
        showName() {
            alert(this.name);
        },
    },
};
</script>

<style>
/* 组件的样式 */
.demo {
    background-color: orange;
}
</style>